<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="box">
        <p>1</p>
        <p>2</p>
        <p>3</p>

    </div>

</body>


<script>
    // 生成一个新的元素对象
    var newNode = document.createElement("div")
    newNode.innerHTML = "新的 div"
    // 给body添加一个新的节点子元素
    document.body.appendChild(newNode)
    // 移除一些元素 
    var box = document.getElementById("box")
    document.body.removeChild(box)
    // 获取元素内部的节点
    var child1 = box.children
</script>

</html>